var vm = new Vue({
    el: '#carInfo', //el指定一个页面中已存在的DOM元素来挂载VUE实例


    data:{
        hotListImg:{},   //热卖的四张图片
        catalogue:{},
        categoryNum:{
            groupid:"1"
        },
        name:"",
        carInfo:{
            // goodstotal:1
        },
        totalPrice:1,
        cartNum:1
    },
    created:function () {
        // this.catalogueList();
        //从缓存取 hotList
        this.findByCartId();
        var data = localStorage.getItem("hotList");
        this.hotListImg=JSON.parse(data);

        //加载目录

        var data1 = localStorage.getItem("categoryNum");
        this.catalogue=JSON.parse(data1)

        var username = localStorage.getItem("userName");
        this.name=JSON.parse(username)


    },
    methods:{



        add(index){
            console.log(this.carInfo)
            layer.msg("数量+1");
            this.carInfo[index].goodstotal++
        },
        reduce(index){
            layer.msg("数量-1")
            if( this.carInfo[index].goodstotal!=0){
                this.carInfo[index].goodstotal--
            }else {
                this.carInfo[index].goodstotal=0;
            }
        },
        // catalogueList:function(){
        //     //发送请求 目录
        //     axios.request({
        //         url:`/categorys`
        //     }).then(res=>{
        //         this.catalogue=res.data;
        //         //将后端接口返回的数据  存到缓存中
        //         localStorage.setItem("categoryNum",JSON.stringify(res.data.data))
        //     })
        // },


        //通过目录id找 以下的商品
        findByCategory:function (category=1) {
            localStorage.setItem("categoryOne",JSON.stringify(category));
            //发送请求查询目录为1的商品

            axios.request({
                url: `/goods/searchOne/${category}`,
            }).then(res=>{
                window.location.href="/view/productList";
                localStorage.setItem("categoryNumInfo",JSON.stringify(res.data));
            });
        },
        //查看商品详情
        goodsdetail:function (id=1) {
            console.log(id);
            //设置缓存id。
            localStorage.setItem("thisgoodsId",JSON.stringify(id));
            this.thisgoodsId=id;
            window.location.href="/view/goodsDetail"
        },

        //注销
        logout:function () {
            layer.msg("注销倒计时......")
            sessionStorage.removeItem("userInfo");
            localStorage.clear();
            window.location.href="/view/logout"
        },

        /**
         * 通过id渲染 购物车数据
         */
        findByCartId:function () {
            axios.request({
                url:`/userCart/findByCartId/${JSON.parse(localStorage.getItem("userId"))}`
            }).then(res=>{
                this.carInfo=res.data.data;
                localStorage.setItem("carInfo",JSON.stringify(this.carInfo))
            })
        },

        /**
         * 删除订单
         * @param goodsid
         */
        deleteCar:function (goodsid=1) {
            axios.request({
                url:`/userCart/deleteCar/${goodsid}/${JSON.parse(localStorage.getItem("userId"))}`
            }).then(res=>{
                layer.msg("已删除商品id为:"+goodsid+"的购物列");
                this.findByCartId();
            })
        },

        /**
         * 提交订单  改变当前商品的状态
         * @param goo dsid  改变isin=false  + pay_status=1
         * 提交参数
         * @param goodstotal
         */
        subOrder:function (goodsid=1,goodstotal=1) {
            axios.request({
                url:`/userCart/subOrder/${goodsid}/${JSON.parse(localStorage.getItem("userId"))}/${goodstotal}`,
            }).then(res=>{
                if(res.data.code===20000){
                    layer.msg("您已成功提交的商品订单为:"+goodsid+"数量为:"+goodstotal);
                    this.findByCartId();
                }
            })

        }

    },
    computed:{
        CaltotalPrice: function () {
            let total=0;
            for (let i = 0; i < this.carInfo.length; i++) {
                total+=this.carInfo[i].price*this.carInfo[i].goodstotal
            }
            return total;
        }
    },
    filters:{
        judge(value){
            var returnVal="";
            switch (value) {
                case "1":
                    returnVal="数码产品";
                    break;
                case "2":
                    returnVal="运动户外";
                    break;
                case "3":
                    returnVal="家居家纺";
                    break;
                case "4":
                    returnVal="家具家装";
                    break;
                case "5":
                    returnVal="生活超市";
                    break;
                case "6":
                    returnVal="唯品国际";
                    break;
                case "7":
                    returnVal="医药健康";
                    break
            }
            return returnVal;
        }
    }
});